.banner {
  width: 100%;

  padding: 0 22rpx 31px;
  position: relative;
  .swiper {
    width: 100%;
    height: 353rpx;
    border-radius: 14rpx 40rpx 14rpx 40rpx;
    overflow:hidden;transform:translateY(0);
    image {
      width: 100%;
      height: 353rpx;
      box-shadow: 0px 3rpx 13rpx 0rpx rgba(0, 0, 0, 0.16);
      border-radius: 14rpx 40rpx 14rpx 40rpx;
    }
  }
  .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 44rpx;
    display: flex;
    justify-content: center;
  }
  .dots .dot {
    margin: 0 8rpx;
    width: 16rpx;
    height: 16rpx;
    background: #000000;
    opacity: 0.3;
    border-radius: 50%;
    transition: all 0.6s ease-in-out;
  }
  .dots .dot.active {
    width: 54rpx;
    height: 14rpx;
    background: #000000;
    opacity: 0.6;
    border-radius: 7rpx;
  }
}
.container-view {
  border-radius: 14rpx 40rpx 14rpx 40rpx;
  overflow: hidden;
}
